Google Charts API একটি JavaScript লাইব্রেরি যা ওয়েব অ্যাপ্লিকেশনগুলোর জন্য ডেটা ভিজুয়ালাইজেশন তৈরি করতে ব্যবহৃত হয়। এটি ডাইনামিক, ইন্টারঅ্যাকটিভ, এবং কাস্টমাইজড চার্ট তৈরি করার জন্য ব্যবহৃত হয়, যেগুলি সহজে ওয়েব পেজে ইনক্লুড করা যায়। Google Charts API ব্যবহার করে আপনি বিভিন্ন ধরনের চার্ট তৈরি করতে পারেন, যেমন পাই চার্ট, কলাম চার্ট, লাইন চার্ট, বারে চার্ট, স্ক্যাটার প্লট এবং আরও অনেক।
Google Charts API ব্যবহার করতে প্রথমে Google Charts Loader লোড করতে হয়, তারপর JavaScript কোডের মাধ্যমে চার্ট তৈরি করতে হয়। এখানে একটি সাধারণ উদাহরণ দেওয়া হলো:
প্রথমে আপনার HTML ফাইলে Google Charts API স্ক্রিপ্ট লোড করুন:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
JavaScript কোডে Google Charts API লোড এবং চার্ট তৈরি করার জন্য নিচের কোডটি ব্যবহার করুন:
google.charts.load('current', {'packages':['corechart', 'bar']}); // Google Charts লোড করা
google.charts.setOnLoadCallback(drawChart); // চার্ট তৈরি করার জন্য ফাংশন কল
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 8],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 8]
]); // ডেটা তৈরি
var options = {
title: 'My Daily Activities',
pieHole: 0.4, // Doughnut চার্টের জন্য
width: 600,
height: 400
}; // চার্টের অপশন
var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); // PieChart তৈরি করা
chart.draw(data, options); // চার্ট রেন্ডার করা
}
এখন, HTML ফাইলে একটি ডিভ তৈরি করুন যেখানে চার্টটি রেন্ডার হবে:
<div id="piechart_3d" style="width: 900px; height: 500px;"></div>
এখানে, piechart_3d হল সেই ডিভের আইডি যেখানে চার্টটি প্রদর্শিত হবে।
1. Data Visualization (ডেটা ভিজুয়ালাইজেশন)
Google Charts API ব্যবহার করে বিভিন্ন ধরনের ডেটার জন্য আকর্ষণীয় চার্ট তৈরি করা যায়। যেমন:
2. ডাইনামিক চার্ট তৈরি
Google Charts API-এর সাহায্যে ডেটা রিয়েল-টাইমে পরিবর্তিত হলে চার্টও আপডেট হতে পারে। উদাহরণস্বরূপ:
3. ইউজার ইন্টারঅ্যাকশন
Google Charts API ইন্টারঅ্যাকটিভ চার্ট তৈরি করতে সহায়তা করে:
4. ডেস্কটপ এবং মোবাইল রেসপনসিভ চার্ট
Google Charts API রেসপনসিভ চার্ট তৈরি করতে সহায়তা করে, যা মোবাইল, ট্যাবলেট এবং ডেস্কটপে সঠিকভাবে প্রদর্শিত হয়।
Google Charts API একটি শক্তিশালী এবং সহজে ব্যবহৃত JavaScript লাইব্রেরি যা ওয়েব অ্যাপ্লিকেশনের জন্য ডেটা ভিজুয়ালাইজেশন তৈরি করতে ব্যবহৃত হয়। এটি বিভিন্ন ধরনের চার্ট এবং ইন্টারঅ্যাকটিভ ফিচার প্রদান করে, যা ডেটাকে আকর্ষণীয় এবং সহজে বোঝার উপযোগী করে তোলে। Google Charts API ব্যবহার করে আপনি সহজেই ডাইনামিক, কাস্টমাইজড এবং রেসপনসিভ চার্ট তৈরি করতে পারবেন।
Read more
or
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus nihil, quo, quis minus aspernatur expedita, incidunt facilis aliquid inventore voluptate dolores accusantium laborum labore a dolorum dolore omnis qui? Consequuntur sed facilis repellendus corrupti amet in quibusdam ducimus illo autem, a praesentium.
1 hour ago
